<template>
  <div class="detail-step" v-if="order">
    <XtxSteps :active="order.orderState===6?1:order.orderState">
      <XtxStepsItem title="提交订单" desc="2021-03-18 02:11:47"/>
      <XtxStepsItem title="付款成功" desc="2021-03-18 02:11:47"/>
      <XtxStepsItem title="商品发货" desc="2021-03-18 02:11:47"/>
      <XtxStepsItem title="确认收货"/>
      <XtxStepsItem title="订单完成"/>
    </XtxSteps>
  </div>
</template>

<script>
import XtxStepsItem from '@/components/library/xtx-steps-item'

export default {
  name: 'DetailStep',
  components: { XtxStepsItem },
  props: {
    order: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>

<style scoped lang="less">
.detail-step {
  padding: 20px;
}
</style>
